﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JModal Demo by http://www.codefans.net</title>
    <link rel="Stylesheet" type="text/css" href="css/jquery.jmodal.css" />
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.jmodal.js"></script>
    <style type="text/css">
    body,html
    {
        font-family:Calibri;
        font-size:12px;
        height:1000px;
        line-height:18px;
        }
    </style>
    <script type="text/javascript">
        $().ready(function() {
            $('a.fixed').click(function() {
                $.fn.jmodal({
                    data: { innerText: $(this).text() },
                    title: 'Information',
                    content: 'I am always fixed in the middle of screen(just scroll)!',
                    buttonText: { ok: 'Yes,It is.', cancel: 'No' },
                    fixed: true,
                    okEvent: function(obj, args) {
                        alert(obj.innerText);
                        args.complete();
                    }
                });
            });

            $('a.absolute').click(function() {
                $.fn.jmodal({
                    title: 'Information',
                    content: 'I am a absolute dialog!',
                    buttonText: { ok: 'Yes,It is.', cancel: 'No' },
                    okEvent: function(obj, args) {
                        args.complete();
                    }
                });
            });
            $.fn.jmodal({
                title: '欢迎登陆美美网',
                content: '登陆后加一美分',
                buttonText: { ok: '好的'},
                okEvent: function(obj, args) {
                    args.complete();
                }
            });
            
        })
    </script>
</head>
<body>
<ul>
    <li><a href="javascript:void(0)" class="fixed" >fixed dialog</a></li>
    <li><a href="javascript:void(0)" class="absolute" >absolute dialog</a></li>
    <li><a href="javascript:void(0)" class="ajax">ajax dialog</a></li>
</ul>
</body>
<!--
   ┏━━━━━━━━━━━━━━━━━━━━━┓
   ┃             源 码 爱 好 者               ┃
   ┣━━━━━━━━━━━━━━━━━━━━━┫
   ┃                                          ┃
   ┃           提供源码发布与下载             ┃
   ┃                                          ┃
   ┃        http://www.codefans.net           ┃
   ┃                                          ┃
   ┃            互助、分享、提高              ┃
   ┗━━━━━━━━━━━━━━━━━━━━━┛
-->
</html>
